<!--
  Generated template for the GetGroupUsersPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>
      <button class="back" (click)="dismiss()">
          <ion-icon name="ios-arrow-back"></ion-icon>
      </button>
      <p text-center>{{groupData.groupName}}</p>
      <!-- <button class="save" (click)="savaInof()">
          <span>保存</span>
      </button> -->
    </ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <ion-list>
    <ion-item>
      <ion-icon name='planet' md-ionic color="comColor"></ion-icon>
      群组成员
      <ion-note item-end>
      共{{groupLength}}人
      </ion-note>
    </ion-item>
    <ion-item class="groupuser" *ngFor="let item of groupUser" (click)="viewOtherData(item.phone)">
      <img src="{{item.imageURL}}" alt="">
      <p>{{item.nickname}}</p>
    </ion-item>
    <div padding-horizontal style="margin-top:-10px;padding-bottom:16px;">
      <button ion-button full (click)="quitGroup()">
        退出圈子
      </button>
    </div>
  </ion-list>
</ion-content>
